!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[StylableButton_Default]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[StylableButton_Default]"]=t(require("react")):e["rb_wixui.thunderbolt[StylableButton_Default]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={"0OAC":function(e,t,n){var a=n("+0j4");e.exports=a.create("StylableButton2545352419",{classes:{root:"StylableButton2545352419__root",label:"StylableButton2545352419__label",link:"StylableButton2545352419__link",container:"StylableButton2545352419__container",icon:"StylableButton2545352419__icon"},vars:{},stVars:{},keyframes:{},layers:{}},"",-1,e.id)},"+0j4":function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createRenderable=t.create=void 0;t.create=function(e,t,n,a,r,o){const l={namespace:e,classes:t.classes,keyframes:t.keyframes,layers:t.layers,vars:t.vars,stVars:t.stVars,cssStates:function(e){const t=[];for(const n in e){const a=s(n,e[n]);a&&t.push(a)}return t.join(" ")},style:i,st:i,$id:r,$depth:a,$css:n};function s(t,n){if(!1===n||null==n||n!=n)return"";if(!0===n)return function(t){return`${e}--${t}`}(t);return function(t,n){return`${e}---${t}-${n.length}-${n.replace(/\s/gm,"_")}`}(t,n.toString())}function i(){const e=[];for(let t=0;t<arguments.length;t++){const n=arguments[t];if(n)if("string"==typeof n)e[e.length]=n;else if(1===t)for(const t in n){const a=s(t,n[t]);a&&(e[e.length]=a)}}return e.join(" ")}return o&&o.register(l),l},t.createRenderable=function(e,t,n){return{$css:e,$depth:t,$id:n,$theme:!0}}},"Xdf/":function(t){"use strict";t.exports=e},Fe5V:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var o=n[e]={id:e,exports:{}};return t[e](o,o.exports,a),o.exports}a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return function(){"use strict";a.r(r),a.d(r,{components:function(){return ae}});var e=a("Fe5V"),t=a.n(e),n=a("Xdf/"),o=a.n(n);const l="wixui-",s=(e,...t)=>{const n=[];return e&&n.push(`${l}${e}`),t.forEach((e=>{e&&(n.push(`${l}${e}`),n.push(e))})),n.join(" ")},i=13,c=27;function u(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}const d=u(32),p=u(i),b=e=>{p(e),d(e)},m=(u(c),["aria-id","aria-metadata","aria-type"]),f=(e,t)=>Object.entries(e).reduce(((e,[n,a])=>(t.includes(n)||(e[n]=a),e)),{}),v=e=>{const t=(e=>{const{role:t,tabIndex:n,tabindex:a,screenReader:r,lang:o,ariaAttributes:l={}}=e,s=Object.entries(l).reduce(((e,[t,n])=>({...e,[`aria-${t}`.toLowerCase()]:n})),{});return{role:t,tabIndex:n??a,screenReader:r,ariaAttributes:f(s,m),lang:o}})(e);return{...t.ariaAttributes,tabIndex:t.tabIndex,screenReader:t.screenReader,lang:t.lang,role:t.role}},C=({reportBiOnClick:e,onClick:t})=>(0,n.useCallback)((n=>{e?.(n),t?.(n)}),[e,t]),g=e=>Object.entries(e).reduce(((e,[t,n])=>(t.includes("data-")&&(e[t]=n),e)),{});const y=(e,t)=>e?{"data-comp":t,"data-aid":t}:{},k={root:"linkElement"};var h=n.forwardRef(((e,t)=>{const{href:a,role:r,target:o,rel:l,className:s="",children:i,linkPopupId:c,anchorDataId:u,anchorCompId:m,tabIndex:f,dataTestId:v=k.root,title:C,onClick:y,onDoubleClick:h,onMouseEnter:M,onMouseLeave:x,onFocus:E,onFocusCapture:w,onBlurCapture:B,"aria-live":A,"aria-disabled":O,"aria-label":D,"aria-labelledby":N,"aria-pressed":S,"aria-expanded":I,"aria-describedby":_,"aria-haspopup":R,"aria-current":L,dataPreview:T,dataPart:F}=e,j=void 0!==e.activateByKey?e.activateByKey:(e=>e?"SpaceOrEnter":"Enter")(c);let P;switch(j){case"Enter":P=p;break;case"Space":P=d;break;case"SpaceOrEnter":P=b;break;default:P=void 0}return void 0!==a||c?n.createElement("a",{...g(e),"data-testid":v,"data-popupid":c,"data-anchor":u,"data-anchor-comp-id":m,"data-preview":T,"data-part":F,href:a||void 0,target:o,role:c?"button":r,rel:l,className:s,onKeyDown:P,"aria-live":A,"aria-disabled":O,"aria-label":D,"aria-labelledby":N,"aria-pressed":S,"aria-expanded":I,"aria-haspopup":R,"aria-describedby":_,"aria-current":L,title:C,onClick:y,onMouseEnter:M,onMouseLeave:x,onDoubleClick:h,onFocus:E,onFocusCapture:w,onBlurCapture:B,ref:t,tabIndex:c?0:f},i):n.createElement("div",{...g(e),"data-testid":v,"data-preview":T,"data-part":F,className:s,tabIndex:f,"aria-label":D,"aria-labelledby":N,"aria-haspopup":R,"aria-disabled":O,"aria-expanded":I,title:C,role:r,onClick:y,onDoubleClick:h,onMouseEnter:M,onMouseLeave:x,ref:t},i)}));const M=e=>Boolean(e&&(e.href||e.linkPopupId));let x=function(e){return e.HOVER="hover",e}({});const E="buttonContent",w="stylablebutton-label",B="stylablebutton-icon",A=(Object.keys({width:{type:"maxContent"}}),{left:"flex-start",right:"flex-end",center:"center","space-between":"space-between"}),O={start:"flex-start",end:"flex-end",center:"center",justify:"space-between"},D={"flex-start":"left","flex-end":"right",center:"center","space-between":"space-between"},N={"flex-start":"start","flex-end":"end",center:"center","space-between":"justify"};var S={root:"button",buttonLabel:"button__label",buttonIcon:"button__icon"};var I=e=>{const{label:t,icon:n,classNames:a}=e;return o().createElement("span",{className:a.container},t&&o().createElement("span",{className:a.label,"data-testid":w},t),n&&o().createElement("span",{className:a.icon,"aria-hidden":"true","data-testid":B},n))};const _=e=>n.createElement("span",{dangerouslySetInnerHTML:{__html:e||""}}),R=(e,t)=>e?e.replace(/(id="|url\(#|href="#)([^"]+)(?=[")])/g,((e,n,a)=>""+n+(t+a))):e,L=(e,t)=>["has",t,...e.split("has").slice(1)].join("");function T(e){let{hover:t={},disabled:n={},...a}=e;return{...a,...Object.fromEntries([...Object.entries(t).map((e=>{let[t,n]=e;return[L(t,"Hover"),n]})),...Object.entries(n).map((e=>{let[t,n]=e;return[L(t,"Disabled"),n]}))])}}const F={animatedSvg:"animatedSvg",animatedTagPath:"animatedPath",animateTagForward:"animateForward",animateTagBackward:"animateBackward"};let j=function(e){return e.FORWARD="Forward",e.BACKWARD="Backward",e}({});const P={[j.FORWARD]:"data-animated-end-path",[j.BACKWARD]:"data-animated-start-path"};var $=(0,n.forwardRef)(((e,t)=>{let{svgContent:a,reducedMotion:r=!1}=e;const l=(0,n.useRef)(null);(0,n.useImperativeHandle)(t,(()=>({runAnimationForward:i,runAnimationBackward:c})));const s=(0,n.useCallback)((e=>{if(!l.current)return;if(!r){const t="animateTag"+e;l.current.querySelectorAll("[data-animate-id="+F[t]+"]").forEach((e=>e.beginElement()))}l.current.querySelectorAll("path[data-animate-id="+F.animatedTagPath+"]").forEach((t=>{const n=t.getAttribute("d"),a=t.getAttribute(P[e]);if(a){const r=e===j.FORWARD?j.BACKWARD:j.FORWARD;t.getAttribute(P[r])||t.setAttribute(P[r],n||""),t.setAttribute("d",a)}}))}),[r]),i=(0,n.useCallback)((()=>{s(j.FORWARD)}),[s]),c=(0,n.useCallback)((()=>{s(j.BACKWARD)}),[s]);return o().createElement("div",{ref:l,dangerouslySetInnerHTML:{__html:a}})}));const W=(e,a)=>{const{id:r,link:o,type:l="button",svgString:s,isIconAnimated:i=!1,svgAnimatedIcon:c,label:u,isDisabled:d,className:m,isQaMode:f,fullNameCompType:k,reportBiOnClick:w,a11y:B,corvid:A,onDblClick:O,onMouseEnter:D,onMouseLeave:N,onFocus:L,onBlur:T,ariaAttributes:F,onClick:j,preventLinkNavigation:P,classNames:W,compPreviewState:V,reducedMotion:H,lang:K,direction:U}=e,q=M(o),G=P&&q,Q=!d&&j||G,{iconSvgString:X,iconCollapsed:J,iconAnimationTriggers:Z=[x.HOVER]}=A||{},z=e.semanticClassNames||S,Y=n.useRef(null),ee=(0,n.useRef)(!1),te=(0,n.useRef)(null);n.useImperativeHandle(a,(()=>({focus:()=>{var e;null==(e=Y.current)||e.focus()},blur:()=>{var e;null==(e=Y.current)||e.blur()},animateIconForward:()=>{ne()},animateIconBackward:()=>{ae()}})));const ne=(0,n.useCallback)((()=>{var e;!d&&i&&(null==(e=te.current)||e.runAnimationForward())}),[d,i]),ae=(0,n.useCallback)((()=>{var e;!d&&i&&(null==(e=te.current)||e.runAnimationBackward())}),[d,i]),re=n.useMemo((()=>{var e,t;return v({ariaAttributes:{...F,...B,label:null!=(e=null!=(t=null==F?void 0:F.label)?t:B.label)?e:u},tabindex:null==B?void 0:B.tabindex})}),[B,u,F]),oe=(0,n.useCallback)((e=>{Z.includes(x.HOVER)&&ne(),null==D||D(e)}),[Z,ne,D]),le=(0,n.useCallback)((e=>{Z.includes(x.HOVER)&&ae(),null==N||N(e)}),[Z,ae,N]),se=C({reportBiOnClick:w,onClick:Q?e=>{G&&e.preventDefault(),!d&&(null==j||j(e))}:void 0}),ie=n.useMemo((()=>((e,t,n)=>{let{onClick:a,onDblClick:r,onMouseEnter:o,onMouseLeave:l,onFocus:s,onBlur:i}=e;return{onClick:a,onMouseEnter:o,onMouseLeave:l,onKeyDown:t?p:b,onDoubleClick:!n&&r?r:void 0,onFocus:!n&&s?s:void 0,onBlur:!n&&i?i:void 0}})({onClick:se,onDblClick:O,onMouseLeave:le,onMouseEnter:oe,onFocus:L,onBlur:T},q,d)),[se,O,le,oe,L,T,q,d]),ce=W.root;ee.current=!1;const ue=(0,n.useMemo)((()=>{if(!J&&null!==X){if(X)return ee.current=!0,_(R(X,r));if(s)return _(R(s,r))}return null}),[J,X,r,s]),de=(0,n.useMemo)((()=>i&&c?n.createElement($,{svgContent:c,reducedMotion:H,ref:te}):null),[i,H,c]),pe=(0,n.useMemo)((()=>i?de:ue),[i,de,ue]),be=a=>n.createElement("div",t()({id:r,className:m},y(f,k),g(e),{"data-semantic-classname":z.root,lang:K},U&&{dir:U}),n.createElement("button",t()({type:l,disabled:d,className:ce,"data-testid":E},re,ie,{ref:Y,role:a,"data-preview":V}),n.createElement(I,{label:u,icon:pe,override:ee.current,semanticClassNames:z,classNames:W})));return d&&q?be("link"):q?(()=>{const{onFocus:a,onBlur:l,...s}=ie;return n.createElement("div",t()({id:r,className:m},s,g(e),y(f,k),{"data-semantic-classname":z.root},U&&{dir:U}),n.createElement(h,t()({},o,re,{href:d?void 0:o.href,className:W.link,onFocusCapture:a,onBlurCapture:l,ref:Y,dataPreview:V}),n.createElement(I,{label:u,icon:pe,semanticClassNames:z,classNames:W})))})():be()};var V=n.forwardRef(W),H=a("0OAC");var K=e=>{const{label:t,icon:n,override:a,semanticClassNames:r}=e;return o().createElement("span",{className:H.classes.container},t&&o().createElement("span",{className:(0,H.st)(H.classes.label,s(r.buttonLabel)),"data-testid":w},t),n&&o().createElement("span",{className:(0,H.st)(H.classes.icon,{override:!!a},s(r.buttonIcon)),"aria-hidden":"true","data-testid":B},n))};const U=(e,a)=>{const{id:r,link:o,type:l="button",svgString:i,label:c,isDisabled:u,className:d,stylableButtonClassName:m,customClassNames:f=[],isQaMode:k,fullNameCompType:x,reportBiOnClick:w,a11y:B,corvid:A,isMaxContent:O=!1,isWrapText:D=!1,onDblClick:N,onMouseEnter:I,onMouseLeave:L,onFocus:F,onBlur:j,ariaAttributes:P,onClick:$,preventLinkNavigation:W,lang:V}=e,U=M(o),q=W&&U,G=!u&&$||q,Q=e.semanticClassNames||S,X=n.useRef(null);n.useImperativeHandle(a,(()=>({focus:()=>{var e;null==(e=X.current)||e.focus()},blur:()=>{var e;null==(e=X.current)||e.blur()}})));const J=n.useMemo((()=>{var e,t;return v({ariaAttributes:{...P,...B,label:null!=(e=null!=(t=null==P?void 0:P.label)?t:B.label)?e:c},tabindex:null==B?void 0:B.tabindex})}),[B,c,P]),Z=C({reportBiOnClick:w,onClick:G?e=>{q&&e.preventDefault(),!u&&(null==$||$(e))}:void 0}),z=n.useMemo((()=>((e,t,n)=>{let{onClick:a,onDblClick:r,onMouseEnter:o,onMouseLeave:l,onFocus:s,onBlur:i}=e;return{onClick:a,onMouseEnter:o,onMouseLeave:l,onKeyDown:t?p:b,onDoubleClick:!n&&r?r:void 0,onFocus:!n&&s?s:void 0,onBlur:!n&&i?i:void 0}})({onClick:Z,onDblClick:N,onMouseLeave:L,onMouseEnter:I,onFocus:F,onBlur:j},U,u)),[Z,N,L,I,F,j,U,u]),{iconSvgString:Y,iconCollapsed:ee,...te}=A||{},ne=(0,H.st)(H.classes.root,{error:!1,disabled:u,isMaxContent:O,isWrapText:D,...T(te)},m,s(Q.root,...f));let ae=null,re=!1;ee||null===Y||(Y?(ae=_(R(Y,r)),re=!0):i&&(ae=_(R(i,r))));const oe=a=>n.createElement("div",t()({id:r,className:d},y(k,x),g(e),{"data-semantic-classname":Q.root}),n.createElement("button",t()({type:l,disabled:u,className:ne,"data-testid":E},J,z,{ref:X,role:a}),n.createElement(K,{label:c,icon:ae,override:re,semanticClassNames:Q})));return u&&U?oe("link"):U?(()=>{const{onFocus:a,onBlur:l,...s}=z;return n.createElement("div",t()({id:r,className:d},s,g(e),y(k,x),{"data-semantic-classname":Q.root,lang:V}),n.createElement(h,t()({},o,J,{href:u?void 0:o.href,className:(0,H.st)(ne,H.classes.link),onFocusCapture:a,onBlurCapture:l,ref:X}),n.createElement(K,{label:c,icon:ae,semanticClassNames:Q})))})():oe()};var q=n.forwardRef(U);const G=(e,n)=>{const{isDisabled:a,stylableButtonClassName:r,customClassNames:l=[],corvid:i,isMaxContent:c=!1,isWrapText:u=!1,isUdpExperimentOn:d}=e;if(!d)return o().createElement(q,t()({},e,{ref:n}));const{iconSvgString:p,iconCollapsed:b,...m}=i||{},f=e.semanticClassNames||S,v=(0,H.st)(H.classes.root,{error:!1,disabled:a,isMaxContent:c,isWrapText:u,...T(m)},r,s(f.root,...l)),C=(0,H.st)(v,H.classes.link),g=(0,H.st)(H.classes.label,s(f.buttonLabel));let y=!1;b||null===p||p&&(y=!0);const k=(0,H.st)(H.classes.icon,{override:y},s(f.buttonIcon)),h={...e,classNames:{root:v,link:C,label:g,icon:k,container:(0,H.st)(H.classes.container)}};return o().createElement(V,t()({},h,{ref:n}))};var Q=o().forwardRef(G);const X=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`)),J=e=>"linkPopupId"in e,Z=(e,t)=>{if(J(e))return e.linkPopupId;{const{pagesMap:n,mainPageId:a}=t||{};if(!n)return;const r=new URL(e.href??"");let o=Object.values(n).find((({pageUriSEO:e})=>!!e&&r.pathname?.includes(e)));return o||(o=a?n[a]:void 0),o?.pageId}},z=e=>{if(void 0!==e)return null===e?"None":e.type},Y=(e,t)=>{if(!e?.type)return;const{type:n}=e;switch(n){case"AnchorLink":return e.anchorDataId;case"DocumentLink":return e.docInfo?.name;case"PageLink":const n=Z(e,t);return n&&t?.pagesMap?.[n]?.title;default:return e.href}},ee=(e,t,n)=>{const{link:a,value:r,details:o,actionName:l,elementType:s,trackClicksAnalytics:i,pagesMetadata:c,...u}=t;if(!i||"function"!=typeof e)return;const d=c&&{...c,pagesMap:window.viewerModel?.siteFeaturesConfigs?.router?.pagesMap},p=((e,t)=>{if(!e?.type)return;const{type:n}=e;switch(n){case"AnchorLink":return(e=>"anchorDataId"in e&&("SCROLL_TO_TOP"===e.anchorDataId||"SCROLL_TO_BOTTOM"===e.anchorDataId))(e)?void 0:{id:e.anchorDataId};case"DocumentLink":return{id:e.docInfo?.docId};case"PageLink":return{id:Z(e,t),isLightbox:J(e)};default:return}})(a,d),b=o||p?JSON.stringify({...p,...o}):void 0;e({src:76,evid:1113,...{...u,bl:navigator.language,url:window.location.href,details:b,elementType:s??"Unknown",actionName:l??z(a),value:r??Y(a,d)}},{endpoint:"pa",...n})};var te;!function(e){e.Text="Text",e.Menu="Menu",e.Image="Image",e.Input="Input",e.Login="Login",e.Button="Button",e.Social="Social",e.Gallery="Gallery",e.Community="Community",e.Decorative="Decorative",e.MenuAndSearch="MenuAndSearch",e.MenuAndAnchor="MenuAndAnchor"}(te||(te={}));var ne;const ae={StylableButton_Default:{component:Q,controller:(ne=e=>{let{mapperProps:t,stateValues:n}=e;const{trackClicksAnalytics:a,compId:r,language:o,mainPageId:l,...s}=t,{reportBi:i,reducedMotion:c}=n;return{...s,reportBiOnClick:e=>{const{fullNameCompType:t,label:n,link:c,isDisabled:u}=s;ee(i,{link:c,language:o,trackClicksAnalytics:a,elementTitle:null!=n?n:"",elementType:t,pagesMetadata:{mainPageId:l},elementGroup:te.Button,details:{isDisabled:null!=u&&u},element_id:null!=r?r:e.currentTarget.id})},reducedMotion:c}},{useComponentProps:(e,t,n)=>{const a=(e=>({...e,updateStyles:t=>{const n=Object.entries(t).reduce(((e,[t,n])=>{return{...e,[(a=t,a.startsWith("--")?t:X(t))]:void 0===n?null:n};var a}),{});e.updateStyles(n)}}))(n);return ne({mapperProps:e,stateValues:t,controllerUtils:a})}})}}}(),r}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[StylableButton_Default].023b0f02.bundle.min.js.map